<template>
  <div>
    <h1>app</h1>
    <!-- <TsPage :value="num" @input="num = $event"></TsPage> -->
    <!-- <TsPage :pagevalue="num" @update:pagevalue="num = $event"></TsPage> -->
    <!-- <TsPage v-model="num"></TsPage> -->
    <!-- <TsPage :pagevalue.sync="num"></TsPage>
    {{ num }} -->
    <!-- <TsUser :username="a" @update:username="a = $event"></TsUser> -->
    <!-- <TsUser :username.sync="form.username" :email.sync="form.email" :phone.sync="form.phone"></TsUser> -->
    <TsUser v-bind.sync="form"></TsUser>
    {{ form.username }}-{{ form.email }}-{{ form.phone }}
  </div>
</template>
<script>
export default {
  data() {
    return {
      num: 3,
      form: {
        username: 'jack',
        email: 'jack@qq.com',
        phone: '18028387666'
      }

    }
  },
  methods: {

  }
}
</script>
<style>
div {
  border: solid;
  padding: 10px;
}
</style>